<template>
  <!-- 基本信息组件 -->
  <el-form :model="form" class="form-cls">
    <el-form-item label="模板编号">
      <el-input v-model="form.name"></el-input>
    </el-form-item>
    <el-form-item label="模板名称">
      <el-input></el-input>
    </el-form-item>
    <el-form-item label="业务类型">
      <el-input></el-input>
    </el-form-item>
    <el-form-item label="编辑布局">
      <el-input></el-input>
    </el-form-item>
    <el-form-item label="查看布局">
      <el-input></el-input>
    </el-form-item>
    <el-form-item label="发布">
      <el-input></el-input>
    </el-form-item>
    <el-form-item label="是否默认">
      <el-switch />
    </el-form-item>
  </el-form>
</template>

<script setup lang="ts">
import { ref, reactive } from "vue";
const form = reactive({
  name: "",
  value: "",
  time: "",
  radio: "挂牌公告",
});
</script>

<style lang="scss" scoped>
// .form-cls {
//   margin: 20px 0 35px 0;
//   display: flex;
//   justify-content: flex-start;
//   align-items: center;
//   flex-wrap: wrap;
//   .el-form-item {
//     display: flex;
//     justify-content: center;
//     align-items: center;
//     flex: 0 0 22.5%;
//     // box-sizing: border-box;
//     .el-form-item__label {
//       width: 100px !important;
//     }
//   }
// }
</style>
